<!DOCTYPE HTML>
<!--
	Fractal by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Vysor Share</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
	</head>
	<body id="top">

		<!-- Header -->
			<header id="header">
				<div class="content">
					<h1><a href="#">Vysor Share</a></h1>
					<p>A window to your Android</p>
					<h5 class='instructions'>This link has been copied to your clipboard. Send it to someone to share your device.</h5>
          <input type='text' id='vysor-link'></input>
          <br/>
					<h5 class='instructions'>Sending this link to someone will let them:</h5>
          <ul>
            <li>View and click your Android screen</li>
            <li>Use ADB to install and debug apps</li>
            <li>Your device may only be shared to one person at a time</li>
          </ul>
				</div>
				<div class="image phone"><div class="inner"><img src="images/screen.png" alt="" /></div></div>
			</header>

		<!-- Footer -->
			<footer id="footer">
				<ul class="icons">
					<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
					<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
					<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
				</ul>
				<p class="copyright">&copy; ClockworkMod. Credits: <a href="http://html5up.net">HTML5 UP</a></p>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

      <script>
        $(document).ready(function() {
          var link = window.location.hash.replace('#', '')
          $('#vysor-link').attr('value', link)
          $('#vysor-link').click(function() {
            this.setSelectionRange(0, this.value.length);
          })
          $('#vysor-link').focus(function() {
            this.setSelectionRange(0, this.value.length);
          })
          $('#vysor-link').focus()
        })
      </script>
	</body>
</html>
